<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
            a{
                color: white;
                text-decoration: none;
                /* 去掉下划线 */
            }
            ul{
                list-style: none;
                background-color:#c81623;
                margin: 0px;
                padding: 10px;
            }
            li{
                color:white;
                font-size: 14px;
                padding:5px 10px;
                background-image: url('../Demo/img/bg.png');
                background-position: 190px 11px;
                background-repeat: no-repeat;
            } 
                   
            .nav-top{
                background-color:#B1191A;
                height: 50px;
                line-height: 50px;
                color:white; 
                padding-left: 10px;

            }
            .nav-box{
                width: 220px;
            }
        </style>
</head>
<body>
        <div class="nav-box">
                <div class="nav-top">全部商品分类</div>
                <ul>
                    <li><a href="">家用电器</a></li>
                    <li><a href="">手机</a>、<a href="">数码</a>、<a href="">京东通信</a></li>
                    <li><a href="">电脑</a>、<a href="">办公</a></li>
                    <li><a href="">家居</a>、<a href="">家具</a>、<a href="">家装</a>、<a href="">厨具</a></li>
                    <li><a href="">男装</a>、<a href="">女装</a>、<a href="">珠宝</a></li>
                    <li><a href="">个护化妆</a></li>
                    <li><a href="">鞋靴</a>、<a href="">箱包</a>、<a href="">钟表</a>、<a href="">奢侈品</a></li>
                    <li><a href="">运动户外</a></li>
                </ul>
            </div>
</body>
</html>